<template>
  <el-dialog
    title="车辆启用"
    :visible="showEnableDialog"
    width="500px"
    @close="$emit('update:showEnableDialog', false)"
  >
    <p>确定要启用嘛？车辆启用车辆启用需满足以下条件：</p>
    <div class="box">
      <div class="boxleft">1 车辆信息已完善</div>
      <div class="boxright">2 绑定司机>=2,且有排班</div>
    </div>
    <el-row :gutter="10" type="flex" justify="end">
      <el-col :span="7.5">
        <el-button
          size="mini"
          :style="{ 'margin-right': '15px' }"
          @click="$emit('update:showEnableDialog', false)"
          >取消</el-button
        >
        <el-button type="primary" size="mini">确定</el-button></el-col
      >
    </el-row>
  </el-dialog>
</template>

<script>
export default {
  props: {
    showEnableDialog: {
      type: Boolean,
      default: false,
    },
  },
};
</script>

<style scoped>
p {
  margin: 0 0 9px;
}
.box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
}
.boxleft {
  width: 50%;
  border-radius: 4px;
  padding: 9px 0;
  text-align: center;
}
.boxright {
  width: 50%;
  border-radius: 4px;
  padding: 9px 0;
  text-align: center;
}
</style>
